<?php
while (have_posts()): the_post();
    $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), 'full');
    ?>
    <div class="" style="border-top:10px #efefef solid; border-bottom:10px #efefef solid; height:355px; background:url('<?=$large_image_url[0]?>') center ; background-size:cover; ">
    </div>
    <div class="container">
        <div class="title-page" style="background: rgba(3,3,3,0.8); padding:5px 15px; top: -92px; position: absolute; left: 15px; font-family: 'Open Sans', sans-serif;">
            <h1 style="font-size:40px; color:#fff;"><?php the_title(); ?></h1>
        </div>
    </div>

    <div class="row-fluid pc shadow-down" style="background:#fff; height:15px; border-bottom:2px #ccc solid;">
        <div class="container">
            <div class="row-fluid" style="padding:0px; margin-top: -20px;">
                <div class="span12">
                    <ul class="nav-page-menu">
                        <li> <?php previous_post_link('%link <img src="' . theme_url . 'img/left-arrow.png"  width="16" style="position: absolute; left:25px; top:13px;">'); ?></li>
                        <li><a href="#Comments"><img src="<?= theme_url ?>img/comments.png" width="24"> 0 Comments</a></li>
                        <li><?php the_author_posts_link(); ?></li>
                        <li><?php next_post_link('%link <img src="' . theme_url . 'img/right-arrow.png"  width="16" style="position: absolute; right:25px; top:13px;">'); ?>  </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="row-fluid">

            <?php
            get_template_part('the_content','left');
            ?>
        </div>
    </div>

    <?php
    get_template_part('RelatedItems');
    comments_template( '', true );
    ?>
    

    <?php
endwhile;
?>
